<template>
	<!-- 头部标签 -->
	<view class="hear-box" :style="{ paddingTop: top + 'px', height: height + 'px' }">
		<view class="header-title">
			<tui-icon name="arrowleft" color="#000" @tap="goBack"></tui-icon>
			<view>工作经历</view>
		</view>
	</view>

	<!-- 新增经历 -->
	<view class="popup-container" :style="{ marginTop: height + 'px' }">
		<view class="input-box" @tap="hangyeChoose()">
			<view class="input-title">
				行业
				<span style="color: #e15151">*</span>
			</view>
			<view class="input-info" style="background: none; padding-left: 0" :style="{ color: FormData.Gongsi ? '#000' : '#999' }">
				<m-cascader
					v-model="FormData.Gangwei"
					:options="GangweiArray"
					:fieldProps="{
						value: 'Id',
						label: 'GangweiM',
						children: '_Child'
					}"
					:multiple="false"
					:save-full-path="true"
					:disabled="true"
					placeholder="请选择行业"
				/>
			</view>
			<image src="/static/images/common/down.svg" class="down-img"></image>
		</view>
		<view class="input-box" @tap="chooseGongsi">
			<view class="input-title">
				公司
				<span style="color: #e15151">*</span>
			</view>
			<!-- 	<zxz-uni-data-select
				v-model="FormData.Gongsi"
				placeholder="公司/单位名称"
				:localdata="companyArray"
				:key="Id"
				filterable
				disabled="true"
				dataValue="GongsiM"
				dataKey="GongsiM"
				style="width: 100%; margin-left: 30rpx"
				@change="companyChange"
			></zxz-uni-data-select> -->
			<view class="input-info" style="background: none; padding-left: 0" :style="{ color: FormData.Gongsi ? '#000' : '#999' }">
				{{ FormData.Gongsi || '请选择' }}
			</view>
			<image src="/static/images/common/down.svg" class="down-img"></image>
		</view>
		<view class="input-box" @tap="chooseZhiwei">
			<view class="input-title">
				职位
				<span style="color: #e15151">*</span>
			</view>
			<view class="input-info" style="background: none; padding-left: 0" :style="{ color: FormData.Zhiwei ? '#000' : '#999' }">
				{{ FormData.Zhiwei || '请选择' }}
			</view>
			<image src="/static/images/common/down.svg" class="down-img"></image>
		</view>
		<view class="input-box">
			<view class="input-title">日期</view>
			<view class="input-info">

				<view class="date-info" @tap="pickerVisable = true">{{ FormData.KaishiRQ || '请选择' }}</view>

				<view class="date-info">-</view>

				<view class="date-info" @tap="pickerVisable = true">{{ FormData.JieshuRQ || '请选择' }}</view>

				<tui-icon name="signin" color="#666666" size="20"></tui-icon>
			</view>
		</view>
		<view class="input-box">
			<view class="input-title">所在地点</view>
			<view class="input-info" style="margin-right: 36rpx">
				<m-cascader
					v-model="FormData.SuozaiDD"
					:options="AddressDate"
					:fieldProps="{
						value: 'text',
						label: 'text'
					}"
					:multiple="false"
					:save-full-path="true"
					:disabled="false"
					placeholder="请选择地点"
					style="width: 100%; font-family: PingFang SC, PingFang SC; font-size: 26rpx; color: #666666; text-align: center; font-style: normal; text-transform: none"
				/>
				<!-- <image src="/static/images/common/down.svg" class="down-img"></image> -->
			</view>
		</view>
		<view style="display: flex; align-items: center; justify-content: space-between; gap: 10rpx">
			<view class="input-box">
				<view class="input-title">办公模式</view>
				<view class="input-info" style="width: 192rpx; justify-content: space-between">
					<picker mode="selector" range-key="Value" :range="BanGarray" @change="changeDate($event, 'BangongMSIndex')">
						<view class="date-info">{{ FormData.BangongMS || '请选择' }}</view>
					</picker>
					<image src="/static/images/common/down.svg" class="down-img"></image>
				</view>
			</view>
			<view class="input-box" style="justify-content: flex-start">
				<view class="input-title" style="width: 100rpx">
					薪资
					<span style="color: #e15151">*</span>
				</view>
				<view class="input-info" style="justify-content: space-between">
					<!-- <zxz-uni-data-select
						v-model="FormData.Xinzi"
						placeholder="请选择"
						:localdata="XinziArray"
						:key="Id"
						filterable
						dataValue="Value"
						dataKey="Value"
						style="width: 100%; margin-left: 30rpx"
					></zxz-uni-data-select>
					<image src="/static/images/common/down.svg" class="down-img"></image> -->
					<picker mode="selector" style="width: 100%" range-key="Value" :range="XinziArray" @change="changePicker($event, 'Xinzi', 'XinziArray')">
						<view class="input-info">
							<view>{{ FormData.Xinzi || '薪资范围' }}</view>
							<image src="/static/images/common/down.svg" class="down-img"></image>
						</view>
					</picker>
				</view>
			</view>
		</view>

		<view class="input-box1" style="margin-top: 32rpx">
			<view class="input-title">
				行业标签
				<!-- <span style="color: #e15151">*</span> -->
			</view>
			<view class="BQ-container1">
				<view class="bq-box1" v-for="item in FormData.GangweiBQ">#{{ item }}</view>
				<view class="bq-box1" @tap="biaoq = true" style="background: #FB353B; color: #fff">
					<tui-icon name="add-fill" color="#fff" size="20"></tui-icon>
					<view>添加</view>
				</view>
			</view>
		</view>
		<view class="input-box1" style="margin-top: 32rpx">
			<view class="input-title">工作内容</view>
			<textarea v-model="FormData.GongzuoNR" placeholder="日常工作内容"></textarea>
		</view>
		<view class="input-box1" style="margin-top: 32rpx">
			<view class="input-title">工作成就</view>
			<textarea v-model="FormData.GongzuoCJ" placeholder="分享一下工作成就"></textarea>
		</view>
		<view class="input-box1" style="margin-top: 32rpx">
			<view class="input-title">项目经验</view>
			<textarea v-model="FormData.XiangmuJY" placeholder="项目经验"></textarea>
		</view>
		<view class="btn-container">
			<!-- <view class="no-edit">放弃编辑</view> -->
			<view class="btn-box" @tap="submitInfo">添加</view>
		</view>
	</view>

	<!-- 新增标签 -->
	<tui-bottom-popup :zIndex="1002" backgroundColor="#F4F5F6" :maskZIndex="1001" :show="biaoq" @close="biaoq = false">
		<view class="Biaoq-popup">
			<tui-icon name="shut" color="#8E8E93" size="20" @tap="biaoq = false" class="shut-info"></tui-icon>
			<view class="top-image">
				<view class="bq-title">
					<view>选择个性标签</view>
					<view>丰富有趣的你～</view>
				</view>
				<image src="https://minio.nbweixin.cn/public/baiying/img/20250514/BQbgc.png" mode="widthFix"></image>
			</view>
			<!-- 我的标签 -->
			<view class="BQ-container">
				<view class="BQ-title1">我的标签</view>
				<view class="BQ-box">
					<view class="add-BQ" @tap="showAddbq">
						<tui-icon name="plus" color="#FB353B" bold="true" size="20"></tui-icon>
						<view>新增标签</view>
					</view>

					<view v-for="(item, index) in allBq" @tap="selectBQ(index)">
						<view class="add-BQ" v-if="!item.selected" style="background-color: #FB353B; color: #fff; border: 0">
							<view>{{ item.Value }}</view>
							<tui-icon name="shut" color="#fff" size="20" bold="true"></tui-icon>
						</view>
					</view>
				</view>
			</view>
			<!-- 全部标签 -->
			<view class="BQ-container">
				<view class="BQ-title1">全部标签</view>
				<scroll-view scroll-y="true">
					<view class="BQ-box">
						<view v-for="(item, index) in allBq" @tap="selectBQ(index)">
							<view class="add-BQ" style="border: calc(1rpx * 1.9) solid #000; color: #000" v-if="item.selected">
								<view>{{ item.Value }}</view>
								<tui-icon name="plus" color="#000" size="20" bold="true"></tui-icon>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
			<view class="BQ-save" :style="{ bottom: winInfo.safeAreaInsets.bottom + 'px' }" @tap="saveBQ">保存</view>
		</view>
	</tui-bottom-popup>
	<tui-modal :show="addBQmodel" custom>
		<view class="qianming-popup">
			<view class="qianming-header">
				<view @tap="addBQmodel = false" style="color: #8d8d8e">取消</view>
				<view class="qianming-title">添加个性标签</view>
				<view @tap="saveAddBQ" style="color: #5e59e8">保存</view>
			</view>
			<input type="text" :adjust-position="false" :focus="Qmfocus" v-model="addBQ" maxlength="10" placeholder="请输入内容" />
		</view>
	</tui-modal>
	<sofar-picker :visable.sync="pickerVisable" themeColor="#FB353B" :minYear="1930" separator="-" @confirm="Dataconfirm"></sofar-picker>
</template>

<script>
import sofarPicker from '@/components/sofar-picker/sofar-picker.vue';

export default {
	components: {
		sofarPicker
	},
	data() {
		return {
			startTime: '',
			Islogin: this.Microi.IsLogin(),
			CurrentUser: this.Microi.GetCurrentUser(),
			FormData: {
				Gongsi: '',
				GongsiID: '',
				Gangwei: [],
				KaishiRQ: '',
				JieshuRQ: '',
				SuozaiDD: '',
				BangongMS: '',
				BangongMSIndex: '',
				GongzuoNR: '',
				GangweiBQ: [],
				GongzuoCJ: '',
				XiangmuJY: '',
				Zhiwei: '',
				Xinzi: ''
			},
			allBq: [],
			AddressDate: [],
			companyArray: [],
			GangweiArray: [],
			zhiweiArray: [],
			BanGarray: [],
			XinziArray: [],
			winInfo: {
				safeAreaInsets: {
					bottom: 30
				}
			},
			height: 64, //header高度
			top: 26, //标题图标距离顶部距离
			scrollH: 0, //滚动总高度
			biaoq: false,
			addBQmodel: false,
			Qmfocus: false,
			addBQ: '',
			IsDisabled: false,
			pickerVisable: false
		};
	},
	mounted() {
		let obj = {};
		// #ifdef MP-WEIXIN
		obj = wx.getMenuButtonBoundingClientRect();
		// #endif
		// #ifdef MP-BAIDU
		obj = swan.getMenuButtonBoundingClientRect();
		// #endif
		// #ifdef MP-ALIPAY
		my.hideAddToDesktopMenu();
		// #endif

		setTimeout(() => {
			uni.getSystemInfo({
				success: (res) => {
					this.width = obj.left || res.windowWidth;
					this.tabwidth = this.width * 0.45;
					this.height = obj.top ? obj.top + obj.height + 8 : res.statusBarHeight + 44;

					this.top = obj.top ? obj.top + (obj.height - 32) / 2 : res.statusBarHeight + 6;
					this.winInfo = res;
					// if (res.hostName == 'WeChat') {
					// 	this.top = this.top + 30;
					// }
					this.scrollH = res.windowWidth;
				}
			});
		}, 0);
	},
	onShow() {
		this.startTime = new Date();
		if (uni.getStorageSync('schoolInfo')) {
			this.FormData.BiyeYX = uni.getStorageSync('schoolInfo').name;
			this.FormData.XuexiaoID = uni.getStorageSync('schoolInfo').Id;
			uni.removeStorageSync('schoolInfo');
		}
		if (uni.getStorageSync('companyInfo')) {
			this.FormData.Gongsi = uni.getStorageSync('companyInfo').name;
			this.FormData.GongsiID = uni.getStorageSync('companyInfo').Id;
			uni.removeStorageSync('companyInfo');
		}
		if (uni.getStorageSync('Zhiwei')) {
			this.FormData.Zhiwei = uni.getStorageSync('Zhiwei').name;
			// this.userInfo.GongsiID = uni.getStorageSync('companyInfo').Id;
			uni.removeStorageSync('Zhiwei');
		}
		if (uni.getStorageSync('GangweiM')) {
			this.FormData.Gangwei = uni.getStorageSync('GangweiM').Id;
			// this.userInfo.GongsiID = uni.getStorageSync('companyInfo').Id;
			uni.removeStorageSync('GangweiM');
		}
	},
	onHide() {
		if (this.Islogin) {
			// 获取当前页面栈
			const pages = getCurrentPages();
			// 获取当前页面的对象
			const currentPage = pages[pages.length - 1];
			// 获取当前页面的路径
			const route = currentPage.route;
			// 获取当前页面的参数
			const options = currentPage.options;
			this.Microi.ApiEngine.Run('Add_liulanLog', {
				YemianCS: options,
				YemianDZ: route,
				LiulanSJC: new Date().getTime() - this.startTime.getTime()
			});
		}
	},
	onUnload() {
		if (this.Islogin) {
			// 获取当前页面栈
			const pages = getCurrentPages();
			// 获取当前页面的对象
			const currentPage = pages[pages.length - 1];
			// 获取当前页面的路径
			const route = currentPage.route;
			// 获取当前页面的参数
			const options = currentPage.options;
			this.Microi.ApiEngine.Run('Add_liulanLog', {
				YemianCS: options,
				YemianDZ: route,
				LiulanSJC: new Date().getTime() - this.startTime.getTime()
			});
		}
	},
	onLoad() {
		this.getDataInfo();
		this.getCityData();
	},
	methods: {
		async getCityData() {
			var res = await this.Microi.ApiEngine.Run('get_cityData');
			this.AddressDate = res.Data;
		},
		Dataconfirm(e) {
			this.FormData.KaishiRQ = e[0];
			this.FormData.JieshuRQ = e[1];
			this.pickerVisable = false;
		},
		async submitInfo() {
			var self = this;
			if (self.IsDisabled) {
				self.Microi.Tips('请勿重复点击', false);
				return;
			}
			self.IsDisabled = true;
			var Row = self.FormData;
			if (!Row.Gangwei || !Row.Gangwei.length) {
				self.Microi.Tips('请选择行业', false);
				self.IsDisabled = false;
				return;
			}
			if (!Row.Zhiwei) {
				self.Microi.Tips('请选择职位', false);
				self.IsDisabled = false;
				return;
			}
			if (!Row.Gongsi) {
				self.Microi.Tips('请选择公司', false);
				self.IsDisabled = false;
				return;
			}
			if (!Row.Xinzi) {
				self.Microi.Tips('请选择薪资范围', false);
				self.IsDisabled = false;
				return;
			}
			// if (!Row.GangweiBQ || !Row.GangweiBQ.length) {
			// 	self.Microi.Tips('请选择行业标签', false);
			// 	self.IsDisabled = false;
			// 	return;
			// }
			// Row.GangweiBQ = Row.GangweiBQ.join(' ');
			// Row.SuozaiDD = Row.SuozaiDD.join(' ');
			// Row.Gangwei = JSON.stringify(Row.Gangwei);
			var res = await self.Microi.ApiEngine.Run('workJY_tijiao', {
				Row: Row,
				Type: 1
			});
			// var res = await self.Microi.FormEngine.AddFormData({
			// 	FormEngineKey: 'diy_WorkJY',
			// 	_RowModel: Row
			// });
			if (res.Code == 1) {
				uni.navigateBack({
					delta: 1
				});
			} else {
				this.Microi.Tips('提交失败', false);
				self.IsDisabled = false;
				return;
			}
		},
		changePicker(e, name1, name2, value = 'Value') {
			this.FormData[name1] = this[name2][e.detail.value][value];
		},
		getDataInfo() {
			this.getCompanyInfo();
			this.getGangweiInfo();
			this.getBangongMoshi();
			this.getGangweiBQ();
			this.getZhiweiInfo();
			this.getXinziInfo();
		},
		saveAddBQ() {
			if (!this.addBQ) {
				this.Microi.Tips('标签不得为空', false);
				return;
			}
			this.allBq.unshift({
				Value: this.addBQ,
				selected: false
			});
			this.addBQ = '';
			// this.$refs.addBQmodel.close();
			this.addBQmodel = false;
		},
		hangyeChoose() {
			uni.navigateTo({
				url: '/pages/my/companyChoose/zhiweiChoose'
			});
		},
		chooseZhiwei() {
			uni.navigateTo({
				url: '/pages/my/companyChoose/commonChoose?Type=5&headerTitle=职位选择&InfoName=Zhiwei&ParentKey=zhiwei'
			});
		},
		chooseSchool() {
			uni.navigateTo({
				url: '/pages/my/schoolChoose/schoolChoose'
			});
		},
		chooseGongsi() {
			uni.navigateTo({
				url: '/pages/my/companyChoose/companyChoose'
			});
		},
		selectBQ(index) {
			this.allBq[index].selected = this.allBq[index].selected ? false : true;
		},
		showAddbq() {
			this.Qmfocus = true;
			this.addBQmodel = true;
		},
		async saveBQ() {
			var self = this;
			var BQ = [];
			self.allBq.forEach((item) => {
				if (!item.selected) BQ.push(item.Value);
			});
			self.FormData.GangweiBQ = BQ;
			self.biaoq = false;
		},
		// 行业标签
		async getGangweiBQ() {
			var self = this;
			var res = await self.Microi.ApiEngine.Run('get_WorkJL_BQlist');
			self.allBq = res.Data;
		},

		//  公司列表
		async getCompanyInfo() {
			var self = this;
			var res = await self.Microi.ApiEngine.Run('get_HDfb_info', {
				Type: 0
			});
			this.companyArray = res.Data;
		},

		// 行业列表
		async getGangweiInfo() {
			var self = this;
			var res = await self.Microi.ApiEngine.Run('get_HDfb_info', {
				Type: 2
			});
			self.GangweiArray = res.Data;
			// self.FormData.Gangwei = [res.Data[0].Id];
		},
		// 办公模式
		async getBangongMoshi() {
			var self = this;
			var res = await self.Microi.ApiEngine.Run('customize_crud', {
				EngineKey: 'KEY000004'
			});
			self.BanGarray = res.Data;
		},
		// 职位
		async getZhiweiInfo() {
			var self = this;
			var res = await self.Microi.ApiEngine.Run('get_HDfb_info', {
				Type: 5
			});
			self.zhiweiArray = res.Data;
		},
		// 薪资
		async getXinziInfo() {
			var self = this;
			var res = await self.Microi.ApiEngine.Run('get_HDfb_info', {
				Type: 6
			});
			self.XinziArray = res.Data;
		},
		companyChange(e) {
			this.FormData.GongsiID = e.Id;
		},
		changeDate(e, name) {
			this.FormData[name] = e.detail.value;
			if (name == 'BangongMSIndex') {
				this.FormData.BangongMS = this.BanGarray[e.detail.value].Value;
			}
		},
		goBack() {
			let pages = getCurrentPages(); // 获取当前页面堆栈
			let pageCount = pages.length; // 页面堆栈中的页面数量
			// 判断是否有上级页面
			if (pageCount > 1) {
				// 如果有上级页面，则返回上级页面
				uni.navigateBack({
					delta: 1
				});
			} else {
				// 如果没有上级页面，则返回首页
				uni.switchTab({
					url: '/pages/tabbar/find/find' // 替换为你的首页路径
				});
			}
		}
	}
};
</script>

<style>
.hear-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 20rpx;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	border-bottom: 2rpx solid #f4f5f6;
}
.header-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 800;
	font-size: 36rpx;
	color: #212121;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.add-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 196rpx;
	height: 60rpx;
	background: #f4f5f6;
	border-radius: 30rpx 30rpx 30rpx 30rpx;
	box-sizing: border-box;
	gap: 12rpx;

	font-family: PingFang SC, PingFang SC;
	/* font-weight: 500; */
	font-size: 28rpx;
	color: #666666;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.container {
	margin: 0 30rpx;
}
.add-jingli {
	width: 688rpx;
	height: 104rpx;
	background: #edf1f6;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	line-height: 104rpx;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 32rpx;

	font-family: PingFang SC, PingFang SC;
	font-weight: 800;
	font-size: 32rpx;
	color: #333333;
	text-align: left;
	font-style: normal;
	text-transform: none;
	padding: 0 26rpx;
	box-sizing: border-box;
}
.add-jingli image {
	width: 60rpx;
	height: 60rpx;
}
.popup-container {
	padding: 34rpx 22rpx;
	padding-top: 0;
	box-sizing: border-box;
}
.input-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	width: 690rpx;
	height: 100rpx;
	background: #ffffff;
	border-radius: 16rpx 16rpx 0rpx 0rpx;
	border-bottom: 1rpx solid #f4f5f6;
	box-sizing: border-box;
}
.input-box1 {
	display: flex;
	align-items: left;
	justify-content: flex-start;
	flex-direction: column;
	gap: 12rpx;
	margin-bottom: 32rpx;
	width: 690rpx;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 16rpx 16rpx 0rpx 0rpx;
}
.input-title {
	width: 150rpx;
	height: 40rpx;
	font-family: PingFang SC, PingFang SC;
	/* font-weight: 500; */
	font-size: 28rpx;
	color: #333333;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.input-info {
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 454rpx; */
	height: 56rpx;
	background: #f4f5f6;
	border-radius: 120rpx 120rpx 120rpx 120rpx;
	gap: 30rpx;
	padding: 12rpx 20rpx;
	box-sizing: border-box;

	font-family: PingFang SC, PingFang SC;
	font-size: 28rpx;
	color: #333;
	text-align: left;
	font-style: normal;
	text-transform: none;
	white-space: nowrap;
}
.date-info {
	/* width: 132rpx; */
	height: 36rpx;
	font-family: PingFang SC, PingFang SC;

	font-size: 26rpx;
	color: #666666;
	text-align: center;
	font-style: normal;
	text-transform: none;
	white-space: nowrap;
}
.down-img {
	width: 24rpx;
	height: 24rpx;
	margin: auto 0;
	margin-right: 28rpx;
}
textarea {
	width: 100%;
	box-sizing: border-box;
	height: 196rpx;
	background: #f4f5f6;
	border-radius: 16rpx 16rpx 16rpx 16rpx;
	padding: 18rpx 26rpx;

	font-family: PingFang SC, PingFang SC;
	/* font-weight: 500; */
	font-size: 26rpx;
	color: #666666;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.btn-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 18rpx;
	margin-top: 44rpx;
}
.no-edit {
	width: 112rpx;
	height: 40rpx;
	font-family: PingFang SC, PingFang SC;
	/* font-weight: 800; */
	font-size: 28rpx;
	color: #999999;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.btn-box {
	font-family: PingFang SC, PingFang SC;
	font-weight: 800;
	font-size: 36rpx;
	color: #ffffff;
	text-align: left;
	font-style: normal;
	text-transform: none;

	width: 526rpx;
	height: 80rpx;
	background: #FB353B;
	border-radius: 200rpx 200rpx 200rpx 200rpx;
	border: 2rpx solid;
	text-align: center;
	line-height: 80rpx;
	/* border-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(242, 242, 242, 1), rgba(255, 255, 255, 1)) 2 2; */
}
.BQ-container1 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 16rpx;
}
.bq-box1 {
	/* width: 148rpx; */
	height: 52rpx;
	background: #f4f5f6;
	border-radius: 16rpx 16rpx 16rpx 16rpx;
	padding: 4rpx 24rpx;
	box-sizing: border-box;
	font-family: Roboto, Roboto;
	font-size: 28rpx;
	color: #666666;
	line-height: 52rpx;
	text-align: center;
	font-style: normal;
	text-transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12rpx;
}
/* 标签 */
.Biaoq-popup {
	width: 100vw;
	height: 85vh;
	border-radius: 20rpx 20rpx 0 0;
	padding: 20rpx calc(16rpx * 1.9);
	box-sizing: border-box;
	position: relative;
}
.shut-info {
	position: absolute;
	top: 2%;
	right: 2%;
}
.BQ-bgc1 {
	position: absolute;
	left: 0;
	z-index: -1;
}
.BQ-bgc2 {
	position: absolute;
	right: 0;
	filter: blur(47px);
	z-index: -1;
}
.top-image {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: calc(21rpx * 1.9);
	padding-bottom: calc(20rpx * 1.9);
}
.top-image image {
	width: 350rpx;
}

.bq-title {
	color: #FB353B;
	font-family: 'AlibabaPuHuiTi';
	font-size: calc(24rpx * 1.9);
	font-style: normal;
	font-weight: 900;
	line-height: calc(40rpx * 1.9);
	width: calc(200rpx * 1.9);
}
.BQ-container {
	z-index: 999;
}
.BQ-title1 {
	color: #000;
	font-size: calc(16rpx * 1.9);
	font-style: normal;
	line-height: calc(24rpx * 1.9);
	margin-bottom: calc(16rpx * 1.9);
}
.BQ-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: calc(30rpx * 1.9);
	max-height: 500rpx;
}
.add-BQ {
	display: flex;

	box-sizing: border-box;
	font-size: calc(14rpx * 1.9);
	justify-content: center;
	align-items: center;
	border-radius: calc(18rpx * 1.9);
	border: calc(1rpx * 1.9) solid #FB353B;
	color: #FB353B;
	gap: calc(4rpx * 1.9);
	margin-right: calc(16rpx * 1.9);
	margin-bottom: calc(16rpx * 1.9);
	height: calc(28rpx * 1.9);
	padding: calc(12rpx * 1.9) calc(20rpx * 1.9);
}
.BQ-save {
	position: absolute;

	height: 80rpx;
	text-align: center;
	line-height: 80rpx;
	background-color: #FB353B;
	font-size: calc(16rpx * 1.9);
	border-radius: 60rpx;
	width: calc(361rpx * 1.9);
	color: #fff;
}
.qianming-popup {
	border-radius: calc(12rpx * 1.9) calc(12rpx * 1.9) 0px 0px;

	padding-top: 10rpx;
}
.qianming-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(14rpx * 1.9);
	margin: calc(16rpx * 1.9);
	box-sizing: border-box;
}
.qianming-popup input {
	width: 80%;
	padding: calc(9rpx * 1.9) calc(12rpx * 1.9);
	background-color: #f4f5f6;
	margin: auto;
	border-radius: 30rpx;
}
.qianming-title {
	font-size: calc(16rpx * 1.9);
}
</style>
